<script setup lang='ts'>
// 自定义 规则
import { https } from '@/api/api'
import { onMounted, ref, defineEmits, defineProps, defineExpose } from 'vue';
import Bootom from '@/components/bottom/index.vue'
/**
 * @property 变量
 */
const props = defineProps({
    isShow: {
        type: Boolean,
        default: () => false
    }
})
const selectedList = ref([]);
/**
 * @property  所有请求以api开头 如:apiDataInfo
 */

const apiUserLayer = async () => {

    // 获取用户团队
    const res = https({
        mode: '',
        name: '',
        data: {
            id: ''
        }
    })
}

/**
 * @property 自定义事件 以事件名开头 如: clickButton,inputDev
 */

const clickcofim = () => {
    console.log('点击')
}

/**
 * @property 内置方法
 */


</script>
<template>
    <up-popup :show="props.isShow" mode="bottom" :round="8" :overlay="false">
        <div class="w-[100%] pl-3 pr-3 mt-3">
            <text class="font-size-32">选择团队</text>
            <up-checkbox-group v-model="selectedList" placement="column" iconPlacement="right">
                <up-checkbox :customStyle="{ marginBottom: '8px' }" v-for="(item, index) in 3" :key="index"
                    :label="'团队' + item" :name="item">
                </up-checkbox>
            </up-checkbox-group>
        </div>
        <div class="h-88 mt-2 mb-1 pl-4 pr-4">
            <Bootom @click="clickcofim" />
        </div>

    </up-popup>
</template>
<style lang="scss" scoped>
.item {
    background-color: #275EFF14;
}
</style>